Cognitive Load 認知負荷

The amount of mental resources needed to understand and interact with an interface.理解和與介面互動所需的心理資源量。

Takeaways 要點

  1. 當我們收到太多資訊時,大腦會應付不過來。這時候做事會變得困難,容易忽略細節,也會感到壓力很大。
  1. 內在認知負荷很簡單,就是使用者需要花多少精力來完成三件事:記住重要資訊、學習新內容、專注於當前任務。
  1. 外在認知負荷是指那些會分散使用者注意力的東西。比如一些沒用的設計裝飾,它們會佔用我們的腦力,但對理解內容沒有幫助。

Origins 起源

認知負荷理論是在1980年代末由約翰·斯韋勒提出的。他研究了人們是如何解決問題的,並在喬治·米勒關於資訊處理的理論基礎上進行了深入研究。斯韋勒發現,透過改進教學方法,可以讓學習變得更輕鬆。他在1988年寫了一篇重要的文章,討論瞭如何設計更好的教學方法來減輕學習壓力。之後,其他研究人員還找到了一種方法來測量人在學習時的心理壓力。

What Causes Cognitive Load 減少認知負荷的方法

1 Methods for Reducing Cognitive Load 避免不必要的元素

設計要簡單,不要加入無用的東西。如果某個設計元素對使用者沒有幫助,反而會讓使用者分心,因為他們需要花腦力去理解它。所以要避免使用太多顏色、圖片和裝飾。但是記住:簡單不等於不清楚。

2 少用多餘的設計元素,多用大家熟悉的設計

儘量使用人們已經熟悉的設計方式。這樣使用者就不用學習新的東西,可以更快地完成他們想做的事。想要參考好的設計例子,可以看看CodePen的設計模式

3 減少使用者需要做的事情

使用者要讀、記或選擇時都會消耗腦力。我們要儘量讓使用者少費勁。比如,可以:設定預設選項、自動填寫使用者以前輸入的資訊

4 減少選擇

我們的大腦一次能記住的東西是有限的。選擇太多會讓人猶豫不決,造成選擇困難。所以要儘量減少使用者需要做的選擇,特別是在導航、表格和下拉選單中。

5 把選項放在一起顯示

如果把選項分散或隱藏起來,使用者可能以為他們看到的就是全部選項。這樣他們可能找不到其他選項,不僅限制了他們的選擇,還會讓決定變得更難。所以最好把所有選項都放在一起顯示。

6 讓內容容易閱讀

內容要清楚,更要容易讀。用好看的字型,合適的字號,簡單的設計。這樣可以減少干擾,讓使用者更容易理解內容。